<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
</head>
<body>

    <!-- 
        列表（list）
            - 黄瓜
            - 茄子
            - 苹果

        网页有三种列表：
            1.无序列表
            2.有序列表
            3.定义列表

        无序列表：
            - 使用ul来创建一个无序列表
            - 在ul中使用li来表示列表项

        有序列表：
            - 使用ol来创建

        列表之间可以互相嵌套

        在网页中所有成组出现的内容都可以用列表来表示
     -->
     <ul>
        <li>结构</li>
        <li>表现</li>
        <li>行为</li>
     </ul>

     <ol>
        <li>结构</li>
        <li>表现</li>
        <li>行为</li>
     </ol>

     <ul>
        <li>
            结构
            <ul>
                <li>HTML负责网页的结构</li>
                <li>结构主要负责定义网页中有什么</li>
            </ul>
        </li>
        <li>表现</li>
        <li>行为</li>
     </ul>

     <ol>
        <li>
            结构
            <ol>
                <li>HTML负责网页的结构</li>
                <li>结构主要负责定义网页中有什么</li>
            </ol>
        </li>
        <li>表现</li>
        <li>行为</li>
    </ol>

    <ul>
        <li>秒杀</li>
        <li>优惠券</li>
        <li>PLUS会员</li>
        <li>品牌闪购</li>
        <li>拍卖</li>
        <li>京东家电</li>
        <li>京东超市</li>
        <li>京东生鲜</li>
        <li>京东国际</li>
        <li>京东云</li>
    </ul>

    <!-- 
        定义列表
            - 定义列表使用dl来创建
            - 使用dt来表示被定义的内容
            - 使用dd来对被定义的内容进行描述

     -->
    <dl>
        <dt>孙悟空</dt>
        <dd>花果山的大王</dd>
        <dd>后被唐僧收服，一同千万西天取经</dd>
        <dt>猪八戒</dt>
    </dl>
    
</body>
</html>